.container {
	overflow: hidden;
}
.img-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
image {
	display: block;
}

@mixin row-center {
	left: 0;
	right: 0;
	margin: 0 auto;
	position: absolute;
}
@mixin center {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
}
.try-logo {
	width: 472rpx;
	height: 66rpx;
	margin: 0 auto;
	position: relative;
}
.click-view {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 750rpx;
	height: 750rpx;
	
	.img-dianji {
		margin: auto;
		width: 606rpx;
	}
	.animate-text{
		font-size: 26rpx;
		margin-top: 100rpx;
	}
}
.result-view {
	position: relative;
	@include center;
	width: 411rpx;
	height: 713rpx;
	.result-bg {
		width: 411rpx;
	}
	.img-result-goods {
		width: 300rpx;
		top: 80rpx;
		@include row-center;
	}
	.cankao {
		top: 420rpx;
		@include row-center;
		text-align: center;
		color: #fff;
		font-size: 30rpx;
	}
	.biaoti {
		top: 460rpx;
		text-align: center;
		color: #fff;
		font-weight: bold;
		font-size: 60rpx;
		@include row-center;
	}
	.name{
		@include row-center;
		top: 540rpx;
		font-size: 32rpx;
		color: #fff;
		text-align: center;
		padding: 0 60rpx;
	}
}
.try-btn {
	position: absolute;
	bottom: 100rpx;
	@include row-center;
	background: #ff4c4c;
	width: 532rpx;
	height: 102rpx;
	image {
		width: 100%;
		height: 100%;
		@include center;
	}
	text {
		color: #fff;
		@include center;
		text-align: center;
		font-size: 32rpx;
	}
}
.try-notice{
	position: absolute;
	height: 50rpx;
	color: #999;
	text-align: center;
	font-size: 26rpx;
	@include row-center;
	bottom: 40rpx;
}